<template>
	<header>
		<div class="carousel">
			<swiper auto loop dots-position='center' height='3rem'>
				<swiper-item><img src="../../assets/1_5q01.jpg" alt="" /></swiper-item>
				<swiper-item><img src="../../assets/1_5q01.jpg" alt="" /></swiper-item>
				<swiper-item><img src="../../assets/1_5q01.jpg" alt="" /></swiper-item>
		  </swiper>
		</div> 
	</header>
</template>

<script>
	import {Swiper, SwiperItem} from 'vux'
	export default {
		components : {
			Swiper, SwiperItem
		},
		data (){
			return {
			
			}
		},
		methods : {
		
		}
	}
</script>

<style>
	header .carousel{
		height:3rem; position: relative; 
	}
	header .carousel img{
		width:100%; 
	}
	.vux-slider > .vux-indicator > a > .vux-icon-dot{
		background: #000 !important; border:0.01rem solid #fff; border-radius: 0.06rem !important; width:0.07rem !important; height:0.07rem !important;	
	}
	.vux-slider > .vux-indicator > a > .vux-icon-dot.active{
		background: #fff !important; border:0.01rem solid #000;
	}
</style>



























